Vue.component('my-sure',{
    props:['name','age','zhiye','hun','tel','qq'],
    template:'<div><div><span>姓名:</span><span>{{name}}</span></div>'+
    '<div><span>年龄:</span><span>{{age}}</span></div><div><span>职业:</span><span>{{zhiye}}</span></div>'+
    '<div><span>婚否:</span><span>{{hun}}</span></div><div><span>联系电话:</span><span>{{tel}}</span></div>'+
    '<div><span>QQ号:</span><span>{{qq}}</span></div><button>点击修改</button></div>',

})

    // Vue.component('one',{
    //     template:
    //     '\
    //      <ul>\
    //         <li></li>\
    //     </ul>\
    //     '
    // })
new Vue({
    el:'#app',
    data:{
        name:'独狼',
        age:22,
        zhiye:'学徒',
        hun:'未婚',
        tel:15736978100,
        qq:1419867352,
      

    //     person:[
    //         {ask:'姓名',answer:'海浪'},
    //         {ask:'年龄',answer:25},
    //         {ask:'职业',answer:'学徒'},
    //         {ask:'婚否',answer:'未婚'},
    //         {ask:'联系电话',answer:'15736978100'},
    //         {ask:'QQ号',answer:'1419867352'},
    //     ],
    //     yc:false,
    // },
    // methods:{
    //     ycle: function (){
    //         this.yc=!this.yc
    //     }
    }

})